<template>
  <div>
    <div id="a">
      <img src="../assets/imgs/奈雪的茶.jpeg" alt="">
    </div>
    <div id="b">
      <div class="icon-left">
        <div class="icon">
          <i class="iconfont icon-didian"></i>
        </div>
        <div class="distance">
          <h3>广场店</h3>
          <h6>距离您23米</h6>
        </div>
      </div>
      <div class="icon-right">
        <a-button-group>
          <a-button type="primary" >自提</a-button>
          <a-button type="primary" >外送</a-button>
        </a-button-group>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // data(){
  //   return {
  //       imgSrc:require('../assets/imgs/欢迎.jpg')
  //   }
  // }
}

</script>
<style lang="scss" scoped>
#a{
  width: 100%;
  height: 200px;
  position: relative;
  background-color: #EB5F3E;
  img{
    width: 350px;
    height: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: $common-border-radius;
  }
}
#b{
  .icon-right .ant-btn-group{
    margin-right: 8px;
  }
}
</style>